<!DOCTYPE html>
<html>

	<head th:replace="fragments/header :: mainHeader"><!-- REPLACE BEFORE COMMITTING --></head>

	<body role="document">
		<div th:replace="fragments/navbar :: navbar">REPLACE BEFORE COMMITTING</div>

		<div class="container" role="main">
			<div class="starter-template">
				<h2>We're sorry!</h2>
				<img src="../../images/pets.png" th:src="@{/images/pets.png}" />
				<h3>Something happened...</h3>
			</div>

			<h2 th:text="${title}">Title</h2>

			<div th:text="${#dates.format(timestamp)}">July 11, 2012 2:17:16 PM CDT</div>

			<div>There was an unexpected error (type=<span th:text="${error}">Bad</span>, status=<span th:text="${status}">500</span>).</div>

			<div th:text="${message}">Fake content</div>

			<div>Please contact the operator with the above information.</div>
		</div>

		<table th:replace="fragments/footer :: mainFooter" class="footer">REPLACE BEFORE COMMITTING</table>
	</body>

</html>
